<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>运营系统首页</title>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/font/iconfont.css"/>
    <script src="/layui/layui.js"></script>
    <script type="text/javascript" src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/echarts/echarts.js"></script>
    <link rel="stylesheet" href="/css/welcome/welcome.css">

</head>
<body>
<div id="box">
    <div class="layui-row">
        <div class="layui-elem-quote">
            <h2 class="layui-left">系统首页</h2>
            <div class="layui-right">
                <button type="button" class="layui-btn layui-btn-sm" id="refresh"><i
                        class="layui-icon layui-icon-refresh"></i>刷新
                </button>
            </div>
        </div>
    </div>
    <div class="layui-box-body">
        <div class="layui-row layui-col-space12">
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-gouwudai-fan"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>上架商品总数</p>
                            <p id="goodsPutOnSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-dianying"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>商品销量总数</p>
                            <p class="goodsSalesSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-liaotian-yuan-xianxing"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>商品收藏总数</p>
                            <p id="goodCollenSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-wanchengliebiao"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>已完成订单总数</p>
                            <p class="orderCompletedSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-card layui-margin-top">
            <div class="layui-card-header">待处理事物</div>
            <div class="layui-card-body layui-col-space12">
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="商品审核列表">商品待审核信息 (<span
                            class="layui-color"
                            id="goodsExamineCount">0</span>)
                        <hr>
                    </a>
                </div>
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="课程审核列表">课程待审核信息 (<span
                            class="layui-color"
                            id="courseExamineCount">0</span>)
                        <hr>
                    </a>
                </div>
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="申请退订列表">退订待处理信息 (<span
                            class="layui-color"
                            id="unsubscribeCount">0</span>)
                        <hr>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row layui-card layui-margin-top">
            <div class="layui-card-header">运营快捷入口</div>
            <div class="layui-card-body" id="quickEntrance">
                <ul id="con_ul">
                    <li>
                        <a href="javascript:;" class="quick" data-value="账户设置">
                            <p class="iconfont">&#xe62a;</p>
                            <p>账户设置</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="商品列表">
                            <p class="iconfont">&#xe641;</p>
                            <p>商品列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="商品审核列表">
                            <p class="iconfont">&#xe64e;</p>
                            <p>商品审核</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="商品评论">
                            <p class="iconfont">&#xe649;</p>
                            <p>商品评论</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="课程订单列表">
                            <p class="iconfont">&#xe627;</p>
                            <p>课程订单</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="商品订单列表">
                            <p class="iconfont">&#xe627;</p>
                            <p>商品订单</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="优惠券列表">
                            <p class="iconfont">&#xe64a;</p>
                            <p>优惠券列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="轮播图列表">
                            <p class="iconfont">&#xe64f;</p>
                            <p>轮播图列表</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-row layui-col-space12 layui-margin-top">
            <div class="layui-card layui-col-xs6 layui-col-sm6 layui-col-md6" style="width: 49%">
                <div class="layui-card-header layui-left-right">商品总览</div>
                <div class="layui-card-body">
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color" id="goodsSum">0</p>
                            <br>
                            <p style="color: black">商品数量</p>
                        </div>
                    </div>
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color goodsSalesSum">0</p>
                            <br>
                            <p style="color: black">销量总量</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card layui-col-xs6 layui-col-sm6 layui-col-md6" style="margin-left: 1%">
                <div class="layui-card-header layui-left-right">订单总览</div>
                <div class="layui-card-body">
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color" id="orderSum">0</p>
                            <br>
                            <p style="color: black">订单总数</p>
                        </div>
                    </div>
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color orderCompletedSum">0</p>
                            <br>
                            <p style="color: black">已完成订单数量</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-margin-top">
            <div class="layui-card-header">商品统计</div>
            <div class="layui-card-body layui-col-space12"
                 style="height: 300px;border: 1px solid #F7F7F7;border-top: 0px solid">
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4"
                     style="padding: 113px;border-right: 1px solid #d5d5d5;">
                    <div style="margin-left: 20%;color: #aaaaaa">
                        <p>本月新增商品总数</p>
                        <p style="color: black;font-size: 30px" id="goodsAddCount">0</p>
                        <p><span style="color: #00B83F" id="goodsPercentage">700%</span> 同比上月</p>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md8">
                    <div id="main" style="width: 100%;height: 250px"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/welcome/welcome-operate.js"></script>
</html>